
<!DOCTYPE html>
<html>
<head>
	<?php echo $this->Html->charset(); ?>
	<title>Tesil
	</title>
	<?php
		
		echo $this->Html->css(array('styles',
																'jquery.bxslider',
																'gridNavigation',
																'visor',
																'fresco'));
		
		echo $this->Html->script(array('jquery','jquery.bxslider', 'fresco')); 

   
		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
</head>
	<?php echo $this->element('header'); ?> <!-- Header  -->
	<body>
		<div id="super">
			<script>
				$(document).ready(function(){


        ajustar_margen();

        $(window).on('resize', function(){
            setTimeout(function() {
                ajustar_margen();
            }, 150);
        });
        

        function ajustar_margen(){
            margen = ($(window).width() - 900) / 2;
            if (margen > 0){

                $("h1").css({"text-indent": margen});
                $(".col_2").css({"margin-right": margen});

                $(".col_1 p").css({"padding-left": margen});
                

                $("#foro").css({"margin-left": margen});

                valor = 420 + margen;
                css = "calc(100% - "+valor+"px)";
                $(".col_1").css({"max-width": css });

            } else {

                $("h1").css({"text-indent": 0});
                $(".col_2").css({"margin-right": 0});
                $(".col_1 p").css({"padding-left": 0});
                $(".col_1").css({"max-width": 'none' });
                $("#foro").css({"margin-left": 0});
            }
        }

					$('.bxslider').bxSlider({
					  mode: 'fade',
					  auto: 'true'
					});	
					
					
					$('.slide-h').bxSlider({
					  mode: 'fade',
					  auto: 'true',
					  pager: 'none',
					  responsive: 'false',
					  controls: 'none'
					});
				});
				function cargarImagenes(idAlbum) {
					$(".contenido2").load("../fotografias/mostrar_fotos/"+idAlbum,
		            function(){
		                $(".contenido2").fadeOut();
		                $('.fresco').first().click();
		            });
				}
			</script>
			
			<?php echo $this->element('banner'); ?> <!-- Banner -->
	    
	    <div id="wrappers">       
	        <div class="contenido">
	        	<?php echo $this->fetch('content'); ?>
	        </div>	      
	    </div>

	    <?php echo $this->element('footer'); ?> <!-- Footer -->

	  </div><!-- SUPER  --> 
	</body>
</html>
